<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="style/main.css">
  <link rel="stylesheet" type="text/css" href="style/confirm.css">
  <link rel="stylesheet" type="text/css" href="style/progress_activity.css">
  <link rel="stylesheet" type="text/css" href="style/headers.css">
  <link rel="stylesheet" type="text/css" href="style/drawer.css">

  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
 
	<script src="./libs/PicoAudio.js" type="text/javascript"></script> 

   <!-- Required for mid -->
	<script src="./libs/webaudio.js" type="text/javascript"></script> 
	<script src="./libs/webaudio-tinysynth.js" type="text/javascript"></script> 

  <!-- Required for amr -->
	<script src="./libs/BenzAMRRecorder.js" type="text/javascript"></script> 

   
  <!-- Required for non-UTF encodings --> 
  <script src="libs/encoding.js"></script>
  <!-- Load config scripts separately because compiled-method-cache.js
     - depends on them. -->
  <script type="text/javascript" src="config/default.js" defer></script>
  <script type="text/javascript" src="config/runtests.js" defer></script>
  <script type="text/javascript" src="config/build.js" defer></script>
  <script type="text/javascript" src="config/urlparams.js" defer></script>


  <!--<script type="text/javascript" src="libs/terminal.js" defer></script>-->

  <!-- Load promise-6.0.0.js and IndexedDB-getAll-shim.js separately
     - because compiled-method-cache.js depends on them. -->
  <script type="text/javascript" src="libs/promise-6.0.0.js" defer></script>
  <script type="text/javascript" src="polyfill/IndexedDB-getAll-shim.js" defer></script>

  <!-- Load compiled-method-cache.js separately because j2me.js depends on it. -->
  <script type="text/javascript" src="libs/compiled-method-cache.js" defer></script>

  <!-- Load bld/native.js separately because adding it to main-all.js
     - throws an "asm.js type error". -->
  <script type="text/javascript" src="bld/native.js" defer></script>

  <!-- Load j2me.js separately because classes.jar.js depends on it (it adds
     - members to the AOTMD hash that j2me.js defines); and also so its source
     - map gets loaded by the debugger. -->
  <script type="text/javascript" src="bld/j2me.js" defer></script>

  <!-- Run `make aot` to generate these.  Load them separately, because adding
     - classes.jar.js to main-all.js fails silently for unknown reasons. -->
  <!--<script type="text/javascript" src="bld/classes.jar.js" defer></script>-->
  <!--<script type="text/javascript" src="bld/program.jar.js" defer></script>-->
  <!--<script type="text/javascript" src="bld/tests.jar.js" defer></script>-->

  <!-- Load the rest of the scripts from the combined script main-all.js
     - to improve startup and runtime performance.  See Makefile for the list
     - of files that get combined into this one. -->
  <script type="text/javascript" src="bld/main-all.js" defer></script>
  
  <script type="text/javascript" src="keymap.js"></script>
  
</head>

<body>
  <input id="File" type="file" style="visibility: hidden;display:none;"/>
  <div id="pageContainer">
      <pre id="consoleContainer"></pre>
    <div id="profilerContainer">
      <div id="profilerToolbar">
        <div class="toolbarLabel">Profiler <span id="profilerMessage" class="toolbarMessage">6 Seconds</span></div>
        <div id="profilerButtons">
          <div id="profilerStartStop">Start</div>
          <div id="profilerAdjustHeight">Height</div>
        </div>
      </div>
      <div id="profiler">
        <div id="profileList">
        </div>
        <div id="profilePanel">
        </div>
      </div>
    </div>
  </div>

    <!-- The raw console is used for unit tests, so it's not visible by default: -->
    <pre id="raw-console" style="display: none"></pre>

  <div id="display-container">
    <div id="display">
      <section id="sidebar" data-type="sidebar" style="display:none">
        <header>
          <h1>Menu</h1>
        </header>
        <nav>
          <ul>
          </ul>
        </nav>
      </section>
      <section id="drawer" role="region">
        <header style="display:none">
          <a href="#"><span class="icon icon-menu">hide sidebar</span></a>
          <a id="header-drawer-button" href="#drawer"><span class="icon icon-menu">show sidebar</span></a>
          <menu id="header-ok-button" type="toolbar" style="display:none"><button>√</button></menu>
          <h1 id="display_title"></h1>
        </header>
        <div id="main" role="main">
          <canvas id="canvas"></canvas>
          <input id="password-editor" class="text-editor" type="password">
          <input id="tel-editor" class="text-editor" type="tel">
          <input id="number-editor" class="text-editor" type="number">
          <input id="email-editor" class="text-editor" type="email">
          <input id="url-editor" class="text-editor" type="url">
          <div id="textarea-editor" class="text-editor" contenteditable="true"></div>
          <!-- The hidden textarea editor is used to measure the content height -->
          <div id="hidden-textarea-editor" class="text-editor"></div>
          <button id="back-button">Back</button>
        </div>
      </section>

      <div id="gamepad" onselectstart ='return false' οnselect='document.selection.empty()'>
        <div id="padcontent">
          <button>1</button>
          <button>2</button>
          <button>3</button>
          <button>L</button>
          <div></div>
          <button >R</button> 
        </div>
        <div id="padcontent">
          <button>4</button>
          <button>5</button>
          <button>6</button>
          <div></div>
          <button >up</button>
        </div>
        <div id="padcontent">
          <button>7</button>
          <button>8</button>
          <button>9</button>
          <button>left</button>
          <button >OK</button>
          <button >right</button>
        </div>
        <div id="padcontent" >
          <button>*</button>
          <button>0</button>
          <button>#</button>
          <div></div>
          <button>down</button>
        </div>
      </div>

      <div id="download-screen" class="screen">
        <h1 class="title">Downloading midlet…</h1>
        <div class="download-progress-container">
          <progress class="pack-activity" id="download-bar" value="0" max="100"></progress>
        </div>
      </div>

      <div id="splash-screen" class="screen">
        <h1 class="title">Starting midlet…</h1>
        <div class="splash-progress-container">
          <progress></progress>
        </div>
      </div>

      <div id="exit-screen" class="screen">
      </div>

      <div id="background-screen">
      </div>

      <form role="dialog" data-type="confirm"
            class="lcdui-alert"
            id="lcdui-alert" style="display: none">
        <section>
          <h1 class="title"></h1>
          <p class="text"></p>
          <p style="border-top: 0"><progress style="display: none"></progress></p>
        </section>
        <menu>
          <button class="button0" style="display: none"></button>
          <button class="button1" style="display: none"></button>
        </menu>
      </form>

      <form role="dialog" data-type="confirm"
            class="sms-listener-prompt"
            id="sms-listener-prompt" style="display: none">
        <section>
          <h1>SMS Verification</h1>
          <p class="verificationText"></p>
            <input type="text" placeholder="Type SMS Here">
            <p class="timeLeft"></p>
            <progress class="timeLeftBar" value="0" max="100"></progress>
        </section>
        <menu>
          <button class="cancel">Cancel</button>
          <button class="recommend">Done</button>
        </menu>
      </form>

      <form role="dialog" data-type="confirm"
            class="nokia-fileui-prompt"
            id="nokia-fileui-prompt" style="display: none">
        <section>
          <h1>Select a file</h1>
          <p><input type="file" name="nokia-fileui-file">
        </section>
        <menu>
          <button class="cancel">Cancel</button>
          <button class="recommend">Done</button>
        </menu>
      </form>

      <form role="dialog" data-type="confirm"
            class="download-failure-dialog"
            id="download-failure-dialog" style="display: none">
        <section>
          <h1 class="download-dialog-text">Download failure</h1>
          <p>The download of midlet failed.  Press <i>Retry</i> to try again.</p>
        </section>
        <menu>
          <button class="recommend">Retry</button>
        </menu>
      </form>
    </div>
    <div id="settings">
      <section>
        <table id="counters">
          <tr><td>Bytecode:</td><td><span id="bytecodeCount"></span></td></tr>
          <tr><td>Compiled:</td><td><span id="compiledCount"></span></td></tr>
          <tr><td>Interpreter:</td><td><span id="interpreterCount"></span></td></tr>
          <tr><td>OSR:</td><td><span id="onStackReplacementCount"></span></td></tr>
          <tr><td>Unwind:</td><td><span id="unwindCount"></span></td></tr>
          <tr><td>Preemption:</td><td><span id="preemptionCount"></span></td></tr>
        </table>
      </section>
      <section>
        <select id="loglevel">
          <option value="0">Log Level: Trace
          <option value="1">Log Level: Log
          <option value="2">Log Level: Info
          <option value="3">Log Level: Warn
          <option value="4">Log Level: Error
          <option value="5">Log Level: Silent
        </select>
          <input id="console-filter-input" type="text" placeholder="Filter Console Output" value="">
          <button id="console-clear">Clear console</button>
          <button id="console-save">Save console</button>
        <label><input type="checkbox" id="perfWriter">Perf</label>
      </section>
      <section>
        <button id="exportstorage">Export File System</button>
        <div>Import File System:</div>
        <input type="file" id="importstoragefile">
        <input type="text" id="importstorageurl" placeholder="URL to FS backup">
        <button id="importstorage">Import</button>
        <button id="clearCompiledMethodCache">Clear Compiled Method Cache</button>
        <button id="deleteDatabases">Delete IDB Databases</button>
        <button id="printAllExceptions">Print all exceptions: OFF</button>
        <button id="clearCounters">Clear Counters</button>
        <button id="dumpCounters">Dump Counters</button>
        <button id="sampleCounters1">One sample for 1s</button>
        <button id="sampleCounters2">One sample for 100ms (2s)</button>
        <select id="canvasSize">
          <option value="" selected>Display size: 240x320</option>
          <option value="size-320x240">Display size: 320x240</option>
          <option value="size-320x480">Display size: 320x480</option>
          <option value="size-480x320">Display size: 480x320</option>
        </select>
        <button id="start">Start</button>

      </section>
    </div>
 </div>

</body>

</html>
